<template>
  <div>
    <form id="search">
      Search <input name="query" v-model="searchKey">
    </form>
    <GridDemo
      :gridData="gridData"
      :gridColumns="gridColumns"
      :searchKey="searchKey">
    </GridDemo>
  </div>
</template>
<script>
import GridDemo from './GridDemo.vue'

export default {
  components: {
    GridDemo
  },
  data: () => ({
    searchKey: '',
    gridColumns: ['name', 'power'],
    gridData: [
      { name: 'Chuck Norris', power: Infinity },
      { name: 'Bruce Lee', power: 9000 },
      { name: 'Jackie Chan', power: 7000 },
      { name: 'Jet Li', power: 8000 }
    ]
  })
}
</script>

